﻿<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>你好</title>

	<!--默认样式-->
	<!-- <link rel="stylesheet" href="css/reset.css"> -->

	<!--响应式框架-->
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">

	<!--css3动画库-->
	<!-- <link rel="stylesheet" href="css/animate.css"> -->

	<!--banner大图基础样式-->
	<link rel="stylesheet" href="css/slick.css">

	<!--页面滚动基础样式-->
	<!-- <link rel="stylesheet" href="css/jquery.fullPage.css" /> -->

	<!--导航样式-->
	<link rel="stylesheet" href="css/head.css" />

	<!--图片和滚屏样式-->
	<link rel="stylesheet" href="css/tdindex.css">

</head>

<body>
	<!-- 导航 -->
	<header class="header">
		<div class="container clearfix">
			<div class="fr nav">
				<ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp">
					<li class="active">
						<a href="tdindex.html">首页</a>
					</li>
					<li class="dropdown">
						<a href="index.html">
							数据可视化展板 </a>
						<div class="dropdown_menu">

						</div>
					</li>

					<li class="dropdown">
						<a href="line.html">24h数据查询中心</a>
						<div class="dropdown_menu">
						</div>
					</li>

					<li class="dropdown">
						<a href="region.html">区域数据查询中心</a>
						<div class="dropdown_menu">
						</div>
					</li>
				</ul>
			</div>
			<a href="javascript:void(0)" id="navToggle">
				<span></span>
			</a>
		</div>
	</header>

	<!-- 内容 -->
	<div id="index_main" class="index_main">
		<!--轮播图-->
		<div class="section section1">
			<div class="index_banner">
				<div class="item">
					<div class="items scaleBg" style="background-image: url(image/banner1.jpg);"></div>
					<div class="inner">
						<div class="block_txt">
							<h4> Goodliness,to be continued</h4>
							<h2>让<span>土壤</span>更加清洁</h2>
							<h3>
								<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">

								</div>
							</h3>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="items scaleBg" style="background-image: url(image/banner4.jpg);"></div>
					<div class="inner">
						<div class="block_txt">
							<h4> Goodliness,to be continued</h4>
							<h2>让<span>水质</span>更加洁净</h2>

						</div>
					</div>
				</div>
				<div class="item">
					<div class="items scaleBg" style="background-image: url(image/banner2.jpg);"></div>
					<div class="inner">
						<div class="block_txt">
							<h4>Goodliness,to be continued</h4>
							<h2>让<span>气候</span>更加舒适</h2>

						</div>
					</div>
				</div>
				<div class="item">
					<div class="items scaleBg" style="background-image: url(image/3.jpg);"></div>
					<div class="inner">
						<div class="block_txt">
							<h4>Goodliness,to be continued</h4>
							<h2>让<span>生命</span>蓬勃生长</h2>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="items scaleBg" style="background-image: url(image/2.jpg);"></div>
					<div class="inner">
						<div class="block_txt">
							<h4> Goodliness,to be continued</h4>
							<h2>让<span>美好</span>持续发生</h2>
						</div>
					</div>
				</div>
			</div>
			<div class="left slick_txt">
				<div class="prev slick_arrow"></div>
			</div>
			<div class="right slick_txt">
				<div class="next slick_arrow"></div>
			</div>
			<div class="number">
				<div class="inner clearfix">
					<span class="active">01</span>
					<span>02</span>
					<span>03</span>
					<span>04</span>
					<span>05</span>
				</div>
			</div>
		</div>
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.fullPage.min.js"></script>
		<script src="js/index_slick.js"></script>
		<script src="js/tdindex.js"></script>
	</div>
</body>

</html>